<template>
  <div class="app">
    <!-- 头部内容开始 -->
    <van-nav-bar title="特色课" >
      <template #right>
        <van-icon @click="searchList" name="search" size="18" />
      </template>
    </van-nav-bar>
    <!-- 头部内容结束 -->
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  props: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    //searchList 点击搜索 跳转到搜索页面
    searchList() {
      this.$router.push("/search/Tow");
    },
  },
};
</script>

<style scoped >
.demo-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
}
.demo-nav__title {
  font-size: 18px;
}
.demo-nav__search {
  font-size: 16px;
}
.app{
  position: fixed;
  width: 100%;
  z-index: 1;
}
</style>
